<!doctype html>
<html>
<head>
    <meta charset="UTF-8">
    <link rel="stylesheet" href="css/clock.css">
    <title>clock</title>
</head>
<body>
<div class="clock" id="clock">
    <div class="origin"></div>
    <div class="clock-line hour-line" id="hour-line"></div>
    <div class="clock-line minute-line" id="minute-line"></div>
    <div class="clock-line second-line" id="second-line"></div>
    <div class="date-info" id="date-info"></div>
    <div class="time-info" >
        <div class="time" id="hour-time"></div>
        <div class="time" id="minute-time"></div>
        <div class="time" id="second-time"></div>
    </div>
</div>
<script type='text/javascript' src="js/clock.js"></script>
</body>
</html>